<template>
    <view class="dakas">
        <view class="head">
            <view class="head1">大咖为你理财</view>
            <view class="head2">查看更多</view>
        </view>
        <view class="conter">
            <view class="item" v-for="(item,index) in datalist" :key="index">
                <view>
                    <view class="img">
                        <image
                            class="imgid"
                            :src="item.img"
                            mode=""
                        ></image>
                    </view>
                    <view class="cnost">
                        <view
                            class="cont1"
                            style="
                                padding-top: 10rpx;
                                height: 100rpx;
                                line-height: 100rpx;
                            "
                        >
                            <text
                                style="
                                    color: #333333;
                                    font-size: 38rpx;
                                    font-weight: 600;
                                "
                                >{{item.text1}}</text
                            >
                            <text
                                style="
                                    color: #999999;
                                    font-size: 26rpx;
                                    margin-left: 7rpx;
                                "
                            >
                              {{item.text2}}</text
                            >
                        </view>
                        <view class="renz"> {{item.text3}} </view>
                    </view>
                </view>
                <view class="itemtext">
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 35rpx;
                                margin-top: 20rpx;
                            "
                            >{{item.text4}}</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >近一年</view
                        >
                    </view>
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 35rpx;
                                margin-top: 20rpx;
                            "
                            >{{item.text5}}</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >近三年</view
                        >
                    </view>
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 35rpx;
                                margin-top: 20rpx;
                            "
                            >{{item.text6}}</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >成立以来</view
                        >
                    </view>
                </view>
            </view>
            <!-- <view class="item">
                <view>
                    <view class="img">
                        <image
                            class="imgid"
                            src="../../static/iamges/zhangdan@2x.png"
                            mode=""
                        ></image>
                    </view>
                    <view class="cnost">
                        <view
                            class="cont1"
                            style="
                                padding-top: 10rpx;
                                height: 100rpx;
                                line-height: 100rpx;
                            "
                        >
                            <text
                                style="
                                    color: #333333;
                                    font-size: 38rpx;
                                    font-weight: 600;
                                "
                                >张丹</text
                            >
                            <text
                                style="
                                    color: #999999;
                                    font-size: 26rpx;
                                    margin-left: 7rpx;
                                "
                            >
                                | 价值投资，连续4年或金牛奖</text
                            >
                        </view>
                        <view class="renz"> 认证大咖 </view>
                    </view>
                </view>
                <view class="itemtext">
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 40rpx;
                                margin-top: 20rpx;
                            "
                            >88.02%</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >近一年</view
                        >
                    </view>
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 40rpx;
                                margin-top: 20rpx;
                            "
                            >164.92%</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >近三年</view
                        >
                    </view>
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 40rpx;
                                margin-top: 20rpx;
                            "
                            >1079.26%</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >成立以来</view
                        >
                    </view>
                </view>
            </view>
            <view class="item">
                <view>
                    <view class="img">
                        <image
                            class="imgid"
                            src="../../static/iamges/zhangdan@2x.png"
                            mode=""
                        ></image>
                    </view>
                    <view class="cnost">
                        <view
                            class="cont1"
                            style="
                                padding-top: 10rpx;
                                height: 100rpx;
                                line-height: 100rpx;
                            "
                        >
                            <text
                                style="
                                    color: #333333;
                                    font-size: 38rpx;
                                    font-weight: 600;
                                "
                                >张丹</text
                            >
                            <text
                                style="
                                    color: #999999;
                                    font-size: 26rpx;
                                    margin-left: 7rpx;
                                "
                            >
                                | 价值投资，连续4年或金牛奖</text
                            >
                        </view>
                        <view class="renz"> 认证大咖 </view>
                    </view>
                </view>
                <view class="itemtext">
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 40rpx;
                                margin-top: 20rpx;
                            "
                            >88.02%</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >近一年</view
                        >
                    </view>
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 40rpx;
                                margin-top: 20rpx;
                            "
                            >164.92%</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >近三年</view
                        >
                    </view>
                    <view class="itemtext1">
                        <view
                            style="
                                color: #ff623c;
                                font-weight: 700;
                                font-size: 40rpx;
                                margin-top: 20rpx;
                            "
                            >1079.26%</view
                        >
                        <view style="color: #999999; font-size: 24rpx"
                            >成立以来</view
                        >
                    </view>
                </view>
            </view> -->
        </view>
    </view>
</template>

<script>
export default {
    name: "daka",
    data() {
        return {
            datalist: [
                {
                    id: 1,
                    img: "../../static/iamges/zhangdan@2x.png",
                    text1: "张丹",
                    text2: "   | 价值投资，连续4年或金牛奖",
                    text3: "认证大咖 ",
                    text4: "88.02%",
                    text5: "164.92%",
                    text6: "1079.26%",
                },
                {
                    id: 2,
                    img: "../../static/iamges/yilan@2x.png",
                    text1: "宜兰",
                    text2: "   | 医药女神，百万投资追随者",
                    text3: "认证大咖 ",
                    text4: "73.6%",
                    text5: "202.33%",
                    text6: "275.10%",
                },
                {
                    id: 3,
                    img: "../../static/iamges/gaofa@2x.png",
                    text1: "高飞",
                    text2: "   | 十年一剑，超20倍回报",
                    text3: "认证大咖 ",
                    text4: "52.45%",
                    text5: "103.10%",
                    text6: "2197.84.26%",
                },
            ],
        };
    },
};
</script>

<style lang="scss" scoped>
.itemtext {
    margin-top: 10rpx;
    box-sizing: border-box;
    display: flex;
    .itemtext1 {
        width: 33.33%;
        height: 95% !important;

        box-sizing: border-box;
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        align-items: center !important;
    }
}
.renz {
    height: 50rpx !important ;
    width: 104rpx;
    background-color: #fff8f7;
    color: #ff724f;
    font-size: 20rpx;
    text-align: center;
    line-height: 20rpx !important;
    padding-top: 13rpx;
}

.dakas {
    .conter {
        border-radius: 30rpx;
        box-sizing: border-box;
        flex-direction: column;

        display: flex;
        .item {
            padding: 0px 32rpx;
            height: 330rpx;

            box-sizing: border-box !important;
            background: white;
            view {
                height: 50%;

                box-sizing: border-box;
                display: flex;
                .img {
                    height: 100%;
                    width: 30%;

                    .imgid {
                        height: 100%;
                        width: 170rpx;
                    }
                }
                .cnost {
                    height: 100%;
                    width: 70%;

                    display: flex;
                    flex-direction: column;
                }
            }
        }
    }
    .head {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24rpx;

        .head1 {
            font-size: 36rpx;
            color: #333333;
            font-weight: 700;
        }
        .head2 {
            font-size: 24rpx;
            color: #999999;
            padding-top: 5rpx;
            box-sizing: border-box;
        }
    }
}
</style>
